{{> header}}

<div class="main reg">
    <form method="post" enctype="multipart/form-data" id="regForm">
      <table border="0">
        <tr>
          <td width="80" align="right">用户名：</td>
          <td><input type="text" name="name"/></td>
        </tr>
        <tr>
          <td align="right">密码：</td>
          <td><input type="password" name="password" value="123456"/></td>
        </tr>
        <tr>
          <td align="right">确认密码：</td>
          <td><input type="password" name="repeat" value="123456"/></td>
        </tr>
        <tr>
          <td align="right">邮箱：</td>
          <td><input type="email" name="email" value="user@163.com"/></td>
        </tr>
          <tr>
              <td align="right">头像：</td>
              <td>
                  <input type="file" name="avatar"/>
              </td>
          </tr>
        <tr>
          <td align="right"></td>
          <td>
              <input type="submit" value="注册"/>
              <span id="errorMsg" style="color:#c00;display: none;"></span>
          </td>
        </tr>
      </table>
    </form>

</div>

<div class="det">
<pre>
关于
CNode：Node.js专业中文社区

在这里你可以：

向别人提出你遇到的问题
帮助遇到问题的人
分享自己的知识
和其它人一起进步
</pre>
</div>

{{#section 'script'}}
<script>
    $(function () {
        var limit={
            name:[{{regCharacterLengthLimit.name}}],
            password:[{{regCharacterLengthLimit.password}}]
        };
        var $errorMsg=$('#errorMsg');

        $('#regForm').on('submit',function(){
            var errorMsg=[],
                name=$(this).find('[name="name"]').val(),
                password=$(this).find('[name="password"]').val(),
                repeat=$(this).find('[name="password"]').val(),
                email=$(this).find('[name="email"]').val(),
                avatar=$(this).find('[name="avatar"]').val();

            if(!name)errorMsg.push('用户名未输入');
            if(/\W/.test(name))errorMsg.push('用户名非法(字母、数字、下划线)');
            if(name.length<limit.name[0] || name.length>limit.name[1])errorMsg.push(['用户名长度非法(',limit.name[0],'~',limit.name[1],')'].join(''));
            if(!password)errorMsg.push('invalid','密码未输入');
            if(password.length<limit.password[0] || password.length>limit.password[1])errorMsg.push(['密码长度非法(',limit.password[0],'~',limit.password[1],')'].join(''));
            if(!repeat)errorMsg.push('确认密码未输入');
            if(password!==repeat)errorMsg.push('密码不一致');
            if(!email)errorMsg.push('邮箱未输入');
            if(!/\w+@\w+\.\w+/.test(email))errorMsg.push('邮箱格式错误');
            if(!avatar)errorMsg.push('未选择头像');
            if(errorMsg.length){
                $errorMsg.text(errorMsg.join()).show();
                return false;
            }
        });
    });
</script>
{{/section}}